/* 
    Document   : style
    Created on : 2010-2-27, 15:23:07
    Author     : Fdream
    Description:
        Purpose of the stylesheet follows.
*/

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}

.clear{clear:both;}

html, body{background:#DEF0FC url(bg.jpg) no-repeat center top;text-align:center;font-family:Helvetica,Arial,Sans-serif;font-size:12px;}
a{color:#27B;text-decoration:none;}
a:hover{color:#f00;text-decoration:underline;}

/* header begin*/
.header{position:relative;margin:0 auto;width:778px;text-align:left;height:70px;padding:12px 0;overflow:hidden;}
.navigator{background:#FFF;padding:8px 16px;position:absolute;right:8px;top:28px;font-size:14px;}
.navigator a{padding:0 4px;}
/* header end*/

.login{margin:0 auto;background:url(loginbg.jpg) no-repeat center top;width:778px;height:500px;}
.login_form{margin:0 auto;padding-top:32px;width:200px;text-align:left;color:#27B;font-size:14px;line-height:24px;}
.login_form label{display:inline-block;*display:inline;zoom:1;padding-top:16px;}
.login_form input.text{height:24px;width:184px;padding:2px 4px;border:1px solid #99DBF0;font-size:16px;vertical-align:center;font-weight:bold;}

.content{margin:0 auto;width:778px;text-align:left;background:#FFF url(m_middle.jpg) repeat-y center top;}
.wrapper{background:url(m_top.jpg) no-repeat center top;}
.main, .sidebar{float:left;width:495px;padding:16px 16px 16px 18px;}
.sidebar{padding:8px 0;width:243px;}
.c_bottom{background:url(m_bottom.jpg) no-repeat center bottom;line-height:15px;height:15px;overflow:hidden;}

.user_title{padding:8px;margin:8px 0;}
.user_title h2{font-size:32px;display:inline;margin:4px;vertical-align:middle;font-weight:bold;}
.user_title img{padding:4px;border:1px solid #ccc;margin:4px;vertical-align:middle;}

.user_controls{margin-bottom:16px;padding:8px 16px;border:1px solid #eee;background-color:#f6f6f6;overflow:hidden;zoom:1;}
.user_controls .isfollowing{padding:0 16px 12px 20px;background:url(btns.gif) no-repeat -86px -297px;font-size:14px;font-weight:bold}
.user_controls .controls{line-height:16px;text-align:right;}
.user_controls .controls i{line-height:16px;margin:0 1px -2px 0;height:13px;width:15px;overflow:hidden;text-align:center;background:url(btns.gif) no-repeat 0 0;display:inline-block;*display:inline;*zoom:1;}
.user_controls a{margin-left:4px;text-decoration:none;}
.user_controls a.follow i{background-position:-70px -279px;}
.user_controls a.unfollow i{background-position:-5px -279px;}
.user_controls a.mention i{background-position:-5px -261px;}
.user_controls a.message i{background-position:-37px -261px;}
.user_controls a.block i{background-position:-37px -279px;}
.user_controls a.spam i{background-position:-70px -261px;}
.user_controls a:hover.follow i{background-position:-86px -279px;}
.user_controls a:hover.unfollow i{background-position:-21px -279px;}
.user_controls a:hover.mention i{background-position:-21px -261px;}
.user_controls a:hover.message i{background-position:-53px -261px;}
.user_controls a:hover.block i{background-position:-53px -279px;}
.user_controls a:hover.spam i{background-position:-86px -261px;}

.home_tweet{overflow:hidden;zoom:1;}
.toolbar{padding:8px 0;}
.toolbar h4{font-size:18px;float:left}
.tools{float:right;text-align:right;}
.tools b{font-size:24px;color:#999;}
textarea.tweet{width:486px;padding:8px 0 8px 8px;line-height:20px;border:1px solid #99DBF0;font-size:14px;}
.latest{margin-top:8px;display:inline-block;*display:inline;zoom:1;width:380px;vertical-align:top;color:#999;margin-right:8px;}
.latest a{color:#666;}
.latest a:hover{color:#f00;}
input.active, input.disabled{margin-top:8px;background:url(btns.gif) no-repeat 0 0;width:102px;height:36px;font-size:18px;font-weight:bold;border:none;cursor:pointer;color:#FFF;vertical-align:middle;text-align:center;}
input.disabled{background-position:0 -40px;color:#999;}

/* statuses begin */
.home{font-size:20px;color:#666;line-height:32px;padding-top:16px;}
.home a{font-size:12px;color:#999;text-decoration:none;}
.home a b{padding-left:20px;background:url(btns.gif) no-repeat 0 -156px;}
.home a:hover{color:#333;}
.home a:hover b{background-position:-21px -156px;}
.home .loading{display:none;font-size:12px;color:#999;padding-left:20px;background:url(loading.gif) no-repeat 0 -1px;}
.notifier{display:block;border:1px solid #C6E4F2;background-color:#E3F1FA;color:#222;padding:6px 12px;}
.statuses{border-top:1px dotted #CCC;}
.statuses li{padding:8px 8px 12px 8px;border-bottom:1px dotted #CCC;position:relative;}
.statuses li:hover{background:#F7F7F7;}
.avatar{position:absolute;width:48px;height:48px;padding:1px;border:1px solid #CCC;overflow:hidden;}
.status{display:block;margin-left:60px;height:auto!important;min-height:52px;height:52px;line-height:150%;font-size:14px;}
.status b{padding-right:8px;}
.meta{display:block;padding-top:4px;color:#999;font-size:12px;}
.meta a{color:#666;}
.meta a:hover{color:#f00;}
.statuses li:hover .action a, .statuses li.hover .action a{visibility:visible}
.action{position:absolute;right:4px;bottom:2px;}
.action a{visibility:hidden;width:15px;height:15px;overflow:hidden;text-indent:-99px;background:url(btns.gif) no-repeat;display:inline-block;*display:inline;zoom:1;text-decoration:none;}
.action a.reply{background-position:-3px -81px;}
.action a.new_retweet{background-position:-3px -96px;}
.action a.favorite{background-position:-3px -111px;}
.action a.delete{background-position:-3px -126px;}
.action a.retweet{background-position:-3px -141px;}
.action a:hover.reply{background-position:-24px -81px;}
.action a:hover.new_retweet{background-position:-24px -96px;}
.action a:hover.favorite{background-position:-24px -111px;}
.action a:hover.delete{background-position:-24px -126px;}
.action a:hover.retweet{background-position:-24px -141px;}
.action a.star{visibility:visible;background-position:-45px -111px;}
/* statuses end */

/*sidebar begin*/
.profile{padding:16px;border-bottom:1px solid #C0E7F8;margin-bottom:1px;}
.profile .profile_avatar{display:block;position:relative;height:52px;line-height:20px;}
.profile b{position:absolute;top:4px;font-size:14px;}
.profile span{position:absolute;top:28px;}
.profile img{border:1px solid #ccc;padding:1px;margin-right:8px;width:48px;height:48px;}

.detail{padding-bottom:8px;}
.detail li{line-height:18px;}
.detail b{position:inherit;padding:0 8px 0 0;font-size:12px;}
.detail a{}

.stats{padding-top:8px;}
.stats li{display:inline-block;*display:inline;zoom:1;height:36px;width:68px;font-family:Georgia;font-size:18px;text-align:center;}
.stats a{display:block;font-size:12px;font-family:Helvetica,Arial,Sans-serif;padding-top:4px;}

.side_nav{padding-bottom:16px;}
.side_nav li{margin-bottom:1px;}
.side_nav a{display:block;padding:8px 16px;}
.side_nav a:hover{background:#C0E7F8;}
.side_nav a.current{background:#C0E7F8;color:#333;font-weight:bold;}

.search{padding:0 16px 16px 16px;}
.search input, .search a{display:inline-block;*display:inline;zoom:1;height:24px;border:1px solid #CCC;vertical-align:middle;line-height:24px;font-size:14px;}
.search input{border-right:none;padding:0 4px;width:160px;}
.search a{background:url(btns.gif) no-repeat -75px -81px;width:25px;text-indent:-99px;overflow:hidden;margin-left:-4px;text-decoration:none;}
.search a:hover{background-position:-75px -106px;}

.lists{}
.lists h4{padding:8px 16px;margin-bottom:4px;font-size:14px;border-top:1px solid #C0E7F8;}
.lists ul{padding-top:1px;}


.following{padding:0 16px 16px 16px;}
.following img{border:1px solid #CCC;padding:1px;width:44px;height:44px;margin:1px;}
/*sidebar end*/

.footer{line-height:24px;padding:16px 0;}
.footer a{padding:0 4px;}
.footer a.gae{padding:8px 4px 8px 34px;background:url(btns.gif) no-repeat -70px -168px;}

.more{background:#FFF url("btns.gif") left -226px repeat-x;border-color:#DDD #AAA #AAA #DDD;border-style:solid;border-width:1px;display:inline-block;*display:inline;zoom:1;font-size:14px;font-weight:bold;height:22px;line-height:22px;margin:16px 8px 0 8px;padding:6px 0;text-align:center;text-shadow:1px 1px 1px #FFFFFF;width:226px;}
.round{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}

/* widgets */
.confirm_tips{position:absolute;display:none;width:320px;padding-top:8px;background:url(btns.gif) no-repeat 176px -205px;}
.confirm_box{font-weight:bold;text-align:left;border:4px solid #c7c7c7;width:100%;background-color:#fff;-moz-border-radius:6px;-webkit-border-radius:6px;-border-radius:6px;-moz-box-shadow:0 2px 4px #ABABAB;-webkit-box-shadow:0 2px 4px #ABABAB;overflow:hidden;zoom:1;}
.confirm_box .msg{float:left;padding:8px 12px;margin:4px 0;width:200px;overflow:hidden;font-weight:bold;}
.confirm_box a.yes{display:block;float:right;height:22px;line-height:22px;background:url(btns.gif) repeat-x 0 -226px;border-width:1px;border-style:solid;margin:6px 0;padding:2px 16px;text-decoration:none;border-color:#DDD #DDD #CCC #DDD;-moz-border-radius:4px;-webkit-border-radius:4px;-border-radius:4px;}
.confirm_box a:hover.yes{border-color:#999 #999 #666 #999;}
.confirm_box a.cancel{display:block;float:right;margin:10px 6px;width:18px;height:18px;line-height:18px;background:url(btns.gif) no-repeat 0 -170px;}
.confirm_box a:hover.cancel{background-position:-21px -170px;}

.red{color:#F00;}
a.red{color:#F00;}
.error{color:#F00;}